Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Build real-time multimodal agents with Gemini and Pipecat

Chad Bailey from the Pipecat team walks ...

  2026/03/31

Google AI Studio's new full-stack vibe coding experience

Google

Build full-stack applications in minutes...

  2026/03/30

ADK for Java 1.0 is now available!

Learn about some of the feature highligh...

  2026/03/30

Prototype to Production with ADK

Learn more about the Agent Development K...

  2026/03/30

Functional Programming in Python: A Practical Guide

python

Download your free Python Cheat Sheet he...

  2026/03/30

What does that setTimeout call actually log — and what happened to thi

Can you spot the bug in this JavaScript ...

  2026/03/30

We Use Pull Requests to Edit Tutorials

python

Download your free Python Cheat Sheet he...

  2026/03/29

自分専用で動いてくれる「AI秘書」を作る方法を実演します!AIで業務効率化・自動化したい人は絶対見てください【Claude Cowork】

本日はCoworkでAI秘書爆誕についてお話させて頂きました! ぜひご視聴くださ...

  2026/03/29

Mock datetime in Python Tests

python

Download your free Python Cheat Sheet he...

  2026/03/28

What Is MCP and Why Does It Matter for LLMs?

python

Download your free Python Cheat Sheet he...

  2026/03/27

Search Engine Marketing Full Course 2026 | Search Engine Marketing Tut

Marketing

🔥AI-Powered Digital Marketing Certificat...

  2026/03/27

AWS Security Hub Extended - Overview and Demo | Amazon Web Services

Amazon
Security

AWS Security Hub Extended: Full-Stack En...

  2026/03/27

Build real-time agents with Gemini 3.1 Flash Live!

Gemini 3.1 Flash Live lets you build age...

  2026/03/27